//页面加载完再加载granary_model.html
$(document).ready(function() {
    $("#model_box").load("granary_model.html");
    //单击模型时加载模型图
    $('.granary_model').click(function() {
        $("#model_box").load("granary_model.html");
    });
    //点击表格时加载表格
    $('.table_data').click(function(){
        $("#model_box").load("granary_table.html");
    });
});
    //单击曲线时加载曲线图
    $('.curve_graph').click(function(){
        $("#model_box").load("curve_graph.html");
    });

//页面加载完再加载curve_graph.html曲线图
//$(document).ready(function(){
//    $(".curve_graph").load("curve_graph.html");
//});
//单击曲线时加载曲线图
//var id = setTimeout('loadPage()', 100);
//function loadPage() {
//    // 取得文档载入状态，如果载入完成，则readystate='complete'
//    // 根据这个可以定时去获取文档载入状态，来实现页面载入等待效果
//    var readystate = document.readyState.toLowerCase();
//    if (readystate == 'complete') {
//        clearTimeout(id);
//        document.getElementById('loadpagediv').style.display = "none";
//    }
//    else {
//        document.getElementById('loadpagediv').style.display = "block";
//        id = setTimeout('loadPage()', 100);
//    }
//}

//去掉横向滚动条
function findDimensions() { //函数：获取尺寸
    $("#top_box").width($(window).width()-15-45-15);
    $("#bottom_box").width($(window).width()-15-15);
}
findDimensions();
window.onresize = findDimensions;

//时间函数
//服务器时间
function getNow() {
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    var hour = date.getHours();
    if (hour < 10) {
        hour = "0" + hour;
    }
    var minute = date.getMinutes();
    if (minute < 10) {
        minute = "0" + minute;
    }
    var second = date.getSeconds();
    if (second < 10) {
        second = "0" + second;
    }
    var now = year + '年' + month + '月' + day + '日 ' + hour + ':' + minute + ':' + second;
    $('#time_now').html(now);
}
setInterval('getNow()', 1000);
////分页条
////根据数据写入 li
//clipInit = function () {
//    pageCon = 50;   //可更改
//    liTab = 7;    //可更改
//    medCur = Math.ceil(liTab / 2);
//    var str = "";
//    str += "<ul>";
//    str += "<li class='disbled' id='firstPage' onclick='FirstPage()'>首页</li>";
//    str += "<li class='disbled' id='lastPage' onclick='LastPage()'>上一页</li>";
//    str += "<div id='pageU' class='fl'>";
//    if (liTab <= pageCon) {
//        for (var i = 1; i <= liTab; i++) {
//            str += "<li id='clip" + i + "' onclick='pageInt(&#039;clip" + i + "&#039;,&#039;" + liTab + "&#039;,&#039;" + medCur + "&#039;)'>" + i + "</li>";
//        }
//    } else {
//        for (var i = 1; i <= pageCon; i++) {
//            str += "<li id='clip" + i + "' onclick='pageInt(&#039;clip" + i + "&#039;,&#039;" + pageCon + "&#039;,&#039;" + medCur + "&#039;)'>" + i + "</li>";
//        }
//    }
//    str += "<li class='clear'></li>";
//    str += "</div>";
//    str += "<li class='BORDER' id='nextPage' onclick='NextPage()'>下一页</li>";
//    str += "<li class='BORDER' id='endPage' onclick='EndPage()' style='border-right:1px solid #ccc'>尾页</li>";
//    str += "<li class='clear'></li>";
//    str += "</ul>";
//    $("#clipDIV").html(str);
//    pageInt('clip1', pageCon, medCur);
//};
////设置当点击的值小于预设固定值
////单击事件  选择页数
//clipPage = function (cur, page) {
//    var str = "";
//    for (var i = 1; i <= page; i++) {
//        var liId = "clip" + i;
//        if (cur == i) {
//            $("#" + liId).attr("class", "curPage");
//        } else {
//            $("#" + liId).attr("class", "BORDER");
//        }
//        $("#" + liId).text(i);
//    }
//    pageControl(cur);
//};
////设置的中转站，根据获取的值更改操作
//pageInt = function (obj, page, medCur) {
//    var value = parseInt($("#" + obj).text());
//    if (value < medCur) {
//        clipPage(value, page);
//    } else if (value >= medCur) {
//        clipPageMax(value, page, medCur);
//    }
//};
////设置当获取的值大于预设固定值
//clipPageMax = function (cur, page, medCur) {
//    var str = "";
//    var startNum = cur - medCur + 1;
//    var maxPage = startNum + parseInt(page) - 1;
//    if (maxPage < pageCon) {
//        for (var i = 1; i <= page; i++) {
//            var liId = "clip" + i;
//            if (medCur == i) {
//                $("#" + liId).attr("class", "curPage");
//            } else {
//                $("#" + liId).attr("class", "BORDER");
//            }
//            $("#clip" + i).text(startNum);
//            startNum++;
//        }
//    } else {
//        var end = new RegExp(/\d+$/);
//        var page = parseInt(end.exec(page));
//        var curT = cur - pageCon + page;
//        var maxP = pageCon;
//        for (var i = page; i >= 1; i--) {
//            var liId = "clip" + i;
//            if (curT == i) {
//                $("#" + liId).attr("class", "curPage");
//            } else {
//                $("#" + liId).attr("class", "BORDER");
//            }
//            $("#" + liId).text(maxP);
//            maxP--;
//        }
//
//    }
//    pageControl(cur);
//};
////首页，尾页，上一页，下一页 的样式
//pageControl = function (cur) {
//    if (cur == 1) {
//        $("#firstPage").attr("class", "disbled");
//        $("#lastPage").attr("class", "disbled");
//        $("#nextPage").attr("class", "BORDER");
//        $("#endPage").attr("class", "BORDER");
//    } else if (cur == pageCon) {
//        $("#firstPage").attr("class", "BORDER");
//        $("#lastPage").attr("class", "BORDER");
//        $("#nextPage").attr("class", "disbled");
//        $("#endPage").attr("class", "disbled");
//    } else {
//        $("#firstPage").attr("class", "BORDER");
//        $("#lastPage").attr("class", "BORDER");
//        $("#nextPage").attr("class", "BORDER");
//        $("#endPage").attr("class", "BORDER");
//    }
//};
////第一页 显示
//FirstPage = function () {
//    var forNum = parseInt(liTab);
//    clipPage(1, forNum);
//};
////尾页 显示
//EndPage = function () {
//    var maxV = parseInt(pageCon);
//    clipPageMax(maxV, liTab, medCur);
//};
////上一页 显示
//LastPage = function () {
//    var choice = $(".curPage").attr('id');
//    var obj = $("#" + choice).prev().attr('id');
//    pageInt(obj, liTab, medCur);
//};
////下一页 显示
//NextPage = function () {
//    var choice = $(".curPage").attr('id');
//    var obj = $("#" + choice).next().attr('id');
//    pageInt(obj, liTab, medCur);
//};
//历史数据
$(function () {
    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();

    //2.初始化Button的点击事件
    var oButtonInit = new ButtonInit();
    oButtonInit.Init();

});

var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $('#reportTable').bootstrapTable({
            //data:'',
            //ajax:'',
            dataType: "json",
            url: '/Home/GetDepartment',         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            contentType: 'application/x-www-form-urlencoded',
            //toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            //strictSearch: true,
            //showColumns: true,                  //是否显示所有的列
            showRefresh: false,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 200,                        //行高，如果没有设置height属性，表格自动根据记录条决定表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            //showToggle:false,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            paginationVAlign:'bottom',            //指定 分页条 在垂直方向的位置
            paginationHAlign:'right',             //指定 分页条 在水平方向的位置
            paginationDetailHAlign:'right',      //指定 分页详细信息 在水平方向的位置
            paginationPreText:'上一页',          //指定分页条中上一页按钮的图标或文字
            paginationNextText:'下一页',        //指定分页条中下一页按钮的图标或文字
            customSearch:function(text) {
                //Search logic here.
                //You must use `this.data` array in order to filter the data. NO use `this.options.data`.
            },
            silent: true,  //刷新事件必须设置
            formatLoadingMessage: function () {
                return "请稍等，正在加载中...";
            },
            formatNoMatches: function () {  //没有匹配的结果
                return '无符合条件的记录';
            },
            columns: [
             {
                 field: 'testTime',
                 title: '测试时间',
                 valign:'center',
                 formatter:function formatter(value,row,index){

                 }
                 //switchable:'true'
            }, {
                field: 'insideTemperature',
                title: '仓内温度'
            }, {
                field: 'insideHumiditye',
                title: '仓内湿度'
            }, {
                field: 'outsideTemperature',
                title: '仓外温度'
            },{
                field: 'outsideHumiditye',
                title: '仓外湿度'
            },
                {
                    field: 'maxTemperature',
                    title: '最高温度'
                },
                {
                    field: 'minTemperature',
                    title: '最低温度'
                },
                {
                    field: 'averageTemperature',
                    title: '平均温度'
                },
                {
                    field: 'highTemperatureAlarm',
                    title: '高温报警'
                },
                {
                    field: 'lowTemperatureAlarm',
                    title: '低温报警'
                },
                {
                    field: 'failure warning',
                    title: '故障报警'
                }]
        });
    };

    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,   //页面大小
            offset: params.offset,  //页码
            departmentname: $("#txt_search_name").val(),
            statu: $("#txt_search_statu").val()
        };
        return temp;
    };
    return oTableInit;
};


var ButtonInit = function () {
    var oInit = new Object();
    var postdata = {};

    oInit.Init = function () {
        //初始化页面上面的按钮事件
    };
    return oInit;
};


